<!DOCTYPE html>
<html>
<head>
    <title>CSS Reftest Reference</title>
    <link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
    <link rel="reviewer" title="Mihai Balan" href="mailto:mibalan@adobe.com"> <!-- 2013-07-24 -->
    <style type="text/css">
    .square {
        float: left;
        font-family: Ahem;
        font-size: 10px;
        line-height: 20px;
        margin-left: 10px;
        color: green;
        width: 100px;
        height: 100px;
        border: 1px solid black;
    }
    
    </style>
</head>
<body>
    <p>The test passes if:</p>
    <ul> 
        <li>The two squares each contain five green horizontal stripes</li>
        <li>There are two green horizontal stripes below the square on right</li>
        <li>There is no red</li>
    </ul>
    <div class="square">
        XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX
    </div>
    <div class="square">
        XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX
    </div>
</body>
</html>